/* CSS Document */
.border{
 border: thin solid black;
    margin: 10px;
    padding: 10px;
}
.imageLeftRightMargin{
margin-left: 1px;
margin-right: 1px;
}
.nadpisDate{
margin-top: 4px;
}
.adminWindowFooter{
width: 650px;
}

.uploadMainPicture{
.floatLeft;
}
.uploadRozliseni{
.floatLeft;
}
.clanekRozbalNadpis{
height: 20px;
}
.specialClassbanner{
margin-left: -26px;
}
.specialClassside{
   margin-left: -45px;
    margin-top: 15px !important;
}
.hlavniNadpisTextPosition{
    width: 815px;
}   

.specialClassblog{
 margin-left: -74px;
    margin-top: 13px !important;
}
.specialClassgames{
 margin-left: -74px;
    margin-top: 13px !important;
}

.images{
    
}
.atachmentImagePosition{
    width: 150px;
    height: 80px;
}
.atachmentDeleteIcoPosition{

}

.imageAdminShow{
width: 150px;
height: 100px;
margin-left: 10px;
}
.adminImagesBox{
margin-top: 10px;   
margin-left: auto;
margin-right: auto;
min-height: 200px;
min-width: 600px;

}

.attachment{
    .fontMedium;
    .floatLeft;
}

.underline{
    text-decoration: underline !important;
}

.nodecoration{
    text-decoration: none;
}

.inline-table{
    display: inline-table;
}
.absolutePos{
    position:absolute;
}
.fixedPos{
    position: fixed;
}

.table{
display: table;
}
.fontMedium{
font-size: 16px;
}
.fontBig{
font-size: 18px;
}
.fontSmall{
font-size: 14px;
}

.fontDSmall{
font-size: 11px;
}
.bold{
font-weight: bold;
}

.pointer{
    cursor: pointer;
}

.clear{
clear:both;
}

.menuItem{
width: 133px;
height: 50px;
float: left;
&:hover { 
        .pointer;
    }

}
.center{
margin: auto;
}
.table{
display: table;
}

.floatLeft{
float: left;
}

.floatRight{
    float: right;
}

.hidden{
display: none;
}

.marginNadpis{
margin-top: 18px;
margin-bottom: 18px;
}

.nadpisMinusMargin{
margin-left: 20px;
}

@font-face {
    font-family: "myriad";    
    src: url(../font/MYRIADPRO-REGULAR.OTF) format("opentype");
    font-style: normal;
    font-weight:400;
}
@font-face {
    font-family: "myriad";
    src: url(../font/MYRIADPRO-SEMIBOLD.OTF) format("opentype");
    font-style: normal;
    font-weight:500;
}
@font-face {
    font-family: "myriad";
    src: url(../font/MYRIADPRO-SEMIBOLD.OTF) format("opentype");
    font-style: normal;
    font-weight:700;
}

    @font-face{ 
        font-family: "KhmerUI";
        src: url('http://fontsforweb.com/public/fonts/1173/KhmerUI.eot');
        src: local("Khmer UI"), url('http://fontsforweb.com/public/fonts/1173/KhmerUI.ttf') format("truetype");
    }
    .fontsforweb_fontid_1173 {
        font-family: "KhmerUI";
    }

.ContentMargin{
    margin-bottom:15px;
    margin-left:25px;
    margin-top:15px;
}
.ContentMarginAtta{    
    margin-left:25px;
    margin-top:15px;
}
.ContentMarginImages{    
    margin-bottom:3px;
    margin-left:25px;
    margin-top:3px;
}

.NadpisMargin{    
    margin-left:-18px;    
}

.textAreaSize{
    resize: none;
    width: 367px;
    height: 173px;
}

body{
font-family: KhmerUI, helvetica;
font-size: 13px;
color: #3D372F;
}

#topBox{
top: 0px;
left: 0px;
height: 500px;
width: 100%;
background: #000000;
position: absolute;
}

#botBox{
top: 500px;
left: 0px;
min-height: 650px;
width: 100%;
background: #C3B4A4;
position: absolute;
}

#topMid {
width: 1400px;
height: 500px;
margin: auto auto;
background: url("Img/oldMingle/header_mid.PNG") top left no-repeat #000000;
}

#topLeft{
height: 500px;
float: left;
background: url("Img/oldMingle/header_left.PNG") top right no-repeat #000000;
float: left;
}

#botFooter{
width: 1400px;
bottom: 0px;
}

#topRight{
height: 500px;
background: url("Img/oldMingle/header_right.PNG") top left no-repeat #000000;
position: absolute;
top: 0px;
}

#botLeft{
.table;
float: left;
min-height: 650px;
background: url("Img/oldMingle/content_left.PNG") top right no-repeat #C3B4A4;
}

#botMid{
.table;
width: 1400px;
min-height: 650px;
margin: auto auto;
background: url("Img/Content/background.PNG") top left no-repeat #C3B4A4;
}

#botRight{
.table;
position: absolute;
top: 0px;
min-height: 650px;
background: url("Img/oldMingle/content_right.PNG") top left no-repeat #C3B4A4;
}


#midBox{    
    margin: auto;
    width: 850px;
    
}
/*hlavni nadpis*/
#hlavniNadpis{
background: url("Img/Content/title_background.PNG") top left no-repeat ;
.center;
width: 1050px;
height: 71px;
margin-top: 40px !important; 
display: table;
}

#hlavniNadpisPosition{
margin-top: 30px;
margin-left: 120px;
}

span.hlavniNadpis{
.fontBig;
}

/*footer*/
#footerSeparatorPosition{
margin-left: 3px;
margin-right: 3px;
}
#footer{
.floatLeft;
margin-top: 15px;   
    height: 45px;
width: 850px;
}
#footerTextPosition{
.floatLeft;
.fontDSmall;
margin-top: 6px;
}
#footerSharePosition{
.floatLeft;
}
#footerSeparatorPosition{
.floatLeft;
}
#footerLogoPosition{
.floatLeft;

}
/*clanek static*/
div.contentDivider{
    background: url("Img/Content/news_line_separator.PNG") no-repeat;
    height: 1px;
    width: 850px;
}
div.clanekStatic{
}
div.clanekStaticNadpis{
.fontBig;
.table;
.NadpisMargin;
}
div.clanekStaticContent{
.fontSmall;
.table;
.ContentMargin;
}
div.clanekRozbalContent{
.fontSmall;
.table;
.ContentMargin;
}
div.clanekRozbalContentAtta{
.fontSmall;
.table;
.ContentMarginAtta;
}
div.clanekRozbalContentImages{
.ContentMarginImages;
}
/*content*/
#content{
.floatLeft;
min-height:435px;
min-width:850px;
}
/*menu*/
#menuBox{

.center;
display: table;
}

div.menuDivider{
background: url("Img/Main_Menu/line_separator.PNG") top left no-repeat transparent;
width: 1px;
height: 50px;
float: left;
}


div.menuItem1{
background: url("Img/Main_Menu/button_1.PNG") top left no-repeat transparent;
.menuItem;
    &:hover { 
        background: url("Img/Main_Menu/button_1_focus.PNG") top left no-repeat transparent;
    }
}
div.menuItem2{
background: url("Img/Main_Menu/button_2.PNG") top left no-repeat transparent;
.menuItem;
&:hover { 
        background: url("Img/Main_Menu/button_2_focus.PNG") top left no-repeat transparent;
    }
}
div.menuItem3{
background: url("Img/Main_Menu/button_3.PNG") top left no-repeat transparent;
.menuItem;
&:hover { 
        background: url("Img/Main_Menu/button_3_focus.PNG") top left no-repeat transparent;
    }
}
div.menuItem4{
background: url("Img/Main_Menu/button_4.PNG") top left no-repeat transparent;
.menuItem;
&:hover { 
        background: url("Img/Main_Menu/button_4_focus.PNG") top left no-repeat transparent;
    }
}
div.menuItem5{
background: url("Img/Main_Menu/button_5.PNG") top left no-repeat transparent;
.menuItem;
&:hover { 
        background: url("Img/Main_Menu/button_5_focus.PNG") top left no-repeat transparent;
    }
}

div.menuItemText{
padding-top: 13px; 
margin: auto;
}
#mosaic_box{
.center;
background: url("Img/Main_Menu/line_mosaic.PNG") top left no-repeat transparent;
width: 1400px;
height: 10px;
}
span.menuItemTextSpan{
text-align: center;
}

#menuBG{
background: url("Img/Main_Menu/menu_background.PNG") top left no-repeat transparent;
.center;
width: 1100px;
}



/* HYPERLINKS */

a:link {
    color: #3c3934;
    text-decoration: none;
}

a:active {
    color: #3c3934;
    text-decoration: none;
}

a:visited {
    color: #3c3934;
    text-decoration: none;
}
a:hover {
    color: #3c3934;
    text-decoration: none;
}

/* TITLES */

h1{
	font-size: 20px;
}

